
.drop-down-select{
     background-color:#fff;
}
.drop-down-select .mui-popover-arrow:after{
     background-color:#fff;
}
.drop-down-select .mui-table-view{
     background-color:#fff;
}
.index-bar-nav{
  background-color: #00a1e9;
  background-image: none;  
}
.index-bar-nav .search-input {
    margin-top: 10px;
    margin-left: 170px;
    background-color: rgba(184,0,0,.2);
    border-radius: 100px;
    text-align: center;
    font-size: 13px;
}
.index-bar-nav .search-input .search-input-txt {
    height: 30px;
    color: #eee;
}
.index-bar-nav .search-input .icon {
    margin-right: 5px;
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 8px;
}
.index-bar-nav .logo{
  position: absolute;
  top: 5px;
  color: #fff;
  font-size: 22px;

}
.fluid-block > div > a > img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;  
}
.purchase-view {
 background:#fff
}
.purchase-view img{
   position: absolute;
}
.purchase-view .purchase-title {
 position:relative;
 padding:10px 0;
 margin:0 10px 0;
 background-position:0 100%;
 background-repeat:no-repeat
}
.purchase-view .purchase-title .tit {
 padding:5px;
 color:#222;
 line-height:20px
}
@media (width:320px) {
 .purchase-view .purchase-title .tit {
  padding:5px 0
 }
}
.purchase-view .purchase-title .tit .icon {
 font-size:20px;
 color:#ff7200;
 vertical-align:middle
}
.purchase-view .purchase-title .meta {
 position:absolute;
 top:16px;
 right:10px
}
@media (width:320px) {
 .purchase-view .purchase-title .meta {
  right:5px
 }
}
.purchase-view .purchase-title .meta .purchase-location {
 color:#ff7200
}
.purchase-view .purchase-title .meta .purchase-industry {
 position:relative;
 color:#ff7200;
 padding-left:10px;
 margin-left:10px;
 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="100%"><rect fill="#ddd" x="0" y="0" width="0.5" height="100%"/></svg>');
 background-position:0 0;
 background-repeat:no-repeat
}
.purchase-view .mui-table-view{
 min-height:100px;
 padding-right:15px;
}
.purchase-view .mui-table-view-chevron .mui-table-view-cell{
 min-height:100px;
 padding-right:15px;
 padding-top: 8px;
}
.purchase-view .mui-table-view .purchase-item {
 margin:2px 15px 0;
 padding:2px 0;
 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>');
 background-position:0 100%;
 background-repeat:no-repeat
}
@media (width:320px) {
 .purchase-view .mui-table-view {
  margin:2px 10px 0
 }
}
.purchase-view .mui-table-view:after,.purchase-view .mui-table-view .purchase-view:before {
 display:table;
 content:" "
}
.purchase-view .mui-table-view:after {
 clear:both
}
.purchase-view .mui-table-view:last-child {
 background-image:none;
 margin-top:0
}
.purchase-view .mui-table-view>a {
 display:block
}
.purchase-view .mui-table-view .purchase-view {
 position:relative;
 float:left;
 width:80px;
 margin-right:10px
}
.purchase-view .mui-table-view .purchase-view .fluid-block {
 border:1px solid #f4f4f4;
 background-color:#ffffff
}
.purchase-view .mui-table-view .purchase-cont {
 padding-bottom:5px;
 overflow:hidden
}
.purchase-view .mui-table-view .purchase-hd {
 margin-bottom:5px;
 max-height:44px;
 overflow:hidden
}
.purchase-view .mui-table-view .purchase-hd a,.purchase-view .mui-table-view .purchase-hd strong {
 color:#000;
 font-size:16px
}
.purchase-view .mui-table-view .purchase-tag {
 margin:3px 0 0;
 padding:0;
 list-style:none
}
.purchase-view .mui-table-view .purchase-tag:after,.purchase-view .mui-table-view .purchase-tag:before {
 display:table;
 content:" "
}
.purchase-view .mui-table-view .purchase-tag:after {
 clear:both
}
.purchase-view .mui-table-view .purchase-tag li {
 float:left;
 border:1px solid #f4f4f4;
 border-radius:50px;
 padding:1px 6px;
 margin-right:4px;
 margin-bottom:5px;
 font-size:12px;
 color:#444
}

.purchase-view .mui-table-view .purchase-tag .purchase-type-00 {
 border-color:#ed681c;
 background-color:#fdd4bc;
 color:#ec5f01;
}
.purchase-view .mui-table-view .purchase-tag .purchase-type-01 {
 border-color:#2fa4ff;
 background-color:#def1ff;
 color:#1699ff;
}
.purchase-view .mui-table-view .purchase-tag .purchase-type-02 {
 border-color:#2abf01;
 background-color:#efffea;
 color:#2abf01;
}
.purchase-view .mui-table-view .mui-media-body .purchase-fd {
 padding:3px 0 0
}
.purchase-view .mui-table-view .mui-media-body .purchase-fd .col {
 padding:0
}
.purchase-view .mui-table-view .mui-media-body .purchase-meta {
 margin-top:1px;
 color:#999;
 font-size:12px
}



.page-search-detail {
    background-color: #fff;
}

.bar{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 25;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: hsla(0,0%,100%,.97);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.top-search {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>');
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.page-search-detail .searchbar .icon {
 font-size:inherit
}
.page-search-detail .searchbar .searchType {
 position:absolute;
 top:0;
 left:0;
 color:#222
}
.page-search-detail .searchbar .search-input {
 position:relative;
 background:#f4f4f4;
 border:1px solid #f0f0f0;
 font-size:13px;
 margin:0 40px 0 60px;
 border-radius:5px;
}
.page-search-detail .searchbar .search-input .icon {
 font-size:14px;
 padding-top:8px;
 padding-bottom:8px
}
.page-search-detail .searchbar .search-input .search-icon {
 position:absolute;
 left:10px;
 color:#333
}
.page-search-detail .searchbar .search-input input {
 border:none;
 background-color:transparent;
 width:100%;
 height:30px;
 padding:0 15px 0 30px;
 margin-bottom: 0;
 font-size: 14px;
}
.page-search-detail .searchbar .search-input .search-clear {
 position:absolute;
 right:10px
}
.mui-control-item {
    width: 33% !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: center;
}
.mui-control-item .icon{
    font-size:12px;
    width: 20px;
    height: 20px;
    border: 0;
}
.table-view {
 position:relative;
 padding-left:0;
 margin-top:0;
 margin-bottom:10px;
 list-style:none;
 background-color:#fff;
 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>');
 background-position:0 100%,0 0;
 background-repeat:no-repeat
}
.table-view-cell,.table-view-item {
 display:block;
 font-size:16px;
 position:relative;
 padding:11px 65px 11px 10px;
 overflow:hidden;
 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>');
 background-position:10px 0;
 background-repeat:no-repeat
}
.table-view-cell:first-child,.table-view-item:first-child {
 background-image:none
}
.table-view-cell>a:not(.btn),.table-view-item>a:not(.btn) {
 position:relative;
 display:block;
 padding:inherit;
 margin:-11px -65px -11px -10px;
 overflow:hidden;
 color:inherit
}
.table-view-cell>a:not(.btn):active,.table-view-item>a:not(.btn):active {
 background-color:#eee
}
.table-view-cell p,.table-view-item p {
 margin:0;
 margin-top:3px
}
.table-view-cell .meta,.table-view-item .meta {
 font-size:12px;
 color:#999
}
.table-view-cell+.table-view-divider,.table-view-item+.table-view-divider {
 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>');
 background-position:0 100%,0 0;
 background-repeat:no-repeat
}
.table-view-cell .input,.table-view-item .input {
 border:0;
 margin:-11px -10px
}
.table-view-divider {
 padding-top:12px;
 padding-bottom:6px;
 padding-left:10px;
 margin-top:-1px;
 margin-left:0;
 font-weight:400;
 color:#999;
 font-size:12px;
 background-color:#f4f4f4
}
.table-view-divider+.table-view-cell,.table-view-divider+.table-view-item {
 background-image:none
}
.table-view-divider:first-child {
 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="1"><rect fill="#ddd" x="0" y="0" width="100%" height="0.5"/></svg>');
 background-position:0 100%;
 background-repeat:no-repeat
}
.table-view .media,.table-view .media-body {
 overflow:hidden
}
.table-view .media-object.icon {
 font-size:18px;
 padding:3px
}
.table-view .media-object.icon.pull-left {
 margin-top:-2px;
 margin-right:5px
}
.table-view .media-object.pull-left {
 margin-right:10px
}
.table-view .media-object.pull-right {
 margin-left:10px
}
.table-view-cell .meta,.table-view-cell>.badge,.table-view-cell>.btn,.table-view-cell>.toggle,.table-view-cell>a .meta,.table-view-cell>a>.badge,.table-view-cell>a>.btn,.table-view-cell>a>.toggle,.table-view-item .meta,.table-view-item>.badge,.table-view-item>.btn,.table-view-item>.toggle,.table-view-item>a .meta,.table-view-item>a>.badge,.table-view-item>a>.btn,.table-view-item>a>.toggle {
 position:absolute;
 top:50%;
 right:15px;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.table-view-cell .navigate-left .meta,.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right .meta,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left .meta,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right .meta,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left .meta,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right .meta,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left .meta,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right .meta,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle,.table-view-item .navigate-left .meta,.table-view-item .navigate-left>.badge,.table-view-item .navigate-left>.btn,.table-view-item .navigate-left>.toggle,.table-view-item .navigate-right .meta,.table-view-item .navigate-right>.badge,.table-view-item .navigate-right>.btn,.table-view-item .navigate-right>.toggle,.table-view-item .push-left .meta,.table-view-item .push-left>.badge,.table-view-item .push-left>.btn,.table-view-item .push-left>.toggle,.table-view-item .push-right .meta,.table-view-item .push-right>.badge,.table-view-item .push-right>.btn,.table-view-item .push-right>.toggle,.table-view-item>a .navigate-left .meta,.table-view-item>a .navigate-left>.badge,.table-view-item>a .navigate-left>.btn,.table-view-item>a .navigate-left>.toggle,.table-view-item>a .navigate-right .meta,.table-view-item>a .navigate-right>.badge,.table-view-item>a .navigate-right>.btn,.table-view-item>a .navigate-right>.toggle,.table-view-item>a .push-left .meta,.table-view-item>a .push-left>.badge,.table-view-item>a .push-left>.btn,.table-view-item>a .push-left>.toggle,.table-view-item>a .push-right .meta,.table-view-item>a .push-right>.badge,.table-view-item>a .push-right>.btn,.table-view-item>a .push-right>.toggle {
 right:25px
}
.content>.table-view:first-child {
 margin-top:15px
}
.table-view-item {
 padding:11px 10px
}
.table-view-item>a:not(.btn) {
 margin:-11px -10px
}

.page-supplier-index .head {
 height:150px;
 color:#fff;
 background-color:#3abafb;
 background-color:#2d8ced;
 background-image:linear-gradient(180deg,#2d8ced 0,#53d9ff);
}
.page-supplier-index .head .login {
 padding-top:55px;
 text-align:center
}
.page-supplier-index .head .login .btn {
 margin:0 5px;
 padding:8px 8px 9px;
 width:100px;
 border-radius:2px;
 color:#fff;
 border:1px solid #fff;
 font-size:14px
}

.page-supplier-index .head .profile {
 position:relative;
 margin:0 auto;
 padding-top:30px;
 width:300px;
 height:150px
}
.page-supplier-index .head .profile .authed {
 float:left;
 width:80px;
 text-align:center
}
.page-supplier-index .head .profile .authed .shield {
 display:inline-block;
 vertical-align:top;
 margin-top:15px;
 margin-bottom:5px;
 width:36px;
 height:36px;
 background:url() 50% 0 no-repeat;
 background-size:contain
}
.page-supplier-index .head .profile .authed p {
 font-size:12px;
 color:#fff
}
.page-supplier-index .head .profile .silver {
 float:left;
 width:80px;
 text-align:center
}
.page-supplier-index .head .profile .silver .silvericon {
 display:inline-block;
 vertical-align:top;
 margin-top:15px;
 margin-bottom:5px;
 width:36px;
 height:36px;
 background:url() 50% 0 no-repeat;
 background-size:contain
}
.page-supplier-index .head .profile .silver p {
 font-size:12px;
 color:#fff
}
.page-supplier-index .head .profile .avatar {
 display:block;
 margin:0 80px;
 text-align:center;
 overflow:hidden
}
.page-supplier-index .head .profile .avatar img {
 margin-bottom:5px;
 width:66px;
 height:66px;
 border:2px solid #a2e4ff;
 border-radius:100px
}
.page-supplier-index .head .profile .avatar p {
 padding-left:15px;
 color:#fff;
 white-space:nowrap
}
.page-supplier-index .head .profile .avatar .icon {
 font-size:12px;
 margin-left:3px;
 -webkit-transform:scale(.8) translateZ(0);
 transform:scale(.8) translateZ(0)
}
.page-supplier-index .head .profile .avatar-unverify {
 display:block;
 margin:0 3%
}
.page-supplier-index .head .profile .avatar-unverify .avatar-wrap {
 margin-top:-12px;
 position:relative
}
.page-supplier-index .head .profile .avatar-unverify .avatar-wrap:after,.page-supplier-index .head .profile .avatar-unverify .avatar-wrap:before {
 display:table;
 content:" "
}
.page-supplier-index .head .profile .avatar-unverify .avatar-wrap:after {
 clear:both
}
.page-supplier-index .head .profile .avatar-unverify img {
 margin-bottom:5px;
 width:50px;
 height:50px;
 border:2px solid #a2e4ff;
 border-radius:100px;
 float:left;
 margin-right:8px;
 margin-left:16px
}
.page-supplier-index .head .profile .avatar-unverify p {
 color:#fff;
 white-space:nowrap
}
.page-supplier-index .head .profile .avatar-unverify .name {
 padding-left:15px
}
.page-supplier-index .head .profile .avatar-unverify .icon {
 font-size:12px;
 margin-left:3px;
 -webkit-transform:scale(.8) translateZ(0);
 transform:scale(.8) translateZ(0)
}
.page-supplier-index .head .profile .avatar-unverify .verify-tips {
 background:rgba(0,0,0,.2);
 border-radius:12px;
 position:absolute;
 top:0;
 left:0;
 margin-left:71px;
 padding:0 10px;
 line-height:24px;
 height:24px;
 margin-top:26px;
 font-size:12px
}
.page-supplier-index .head .profile .avatar-unverify .verify-desc {
 width:300px;
 margin:auto;
 margin-top:2px;
 text-align:left
}
.page-supplier-index .head .profile .avatar-unverify .verify-desc p {
 width:41%;
 display:inline-block;
 margin-left:8%;
 font-size:13px
}
.page-supplier-index .head .profile .avatar-unverify .verify-desc p:before {
 border:1px solid #fff;
 border-radius:100%;
 content:"";
 display:inline-block;
 height:10px;
 width:10px;
 vertical-align:-1px;
 margin-right:4px
}
.page-supplier-index .head .profile .point {
 float:right;
 width:80px;
 text-align:center
}
.page-supplier-index .head .profile .point .number {
 display:inline-block;
 vertical-align:top;
 margin-top:15px;
 margin-bottom:5px;
 border-radius:100px;
 color:#fff;
 border:1.5px solid #fff;
 background-color:#ff66ad;
 text-align:center;
 width:36px;
 height:36px;
 line-height:32px;
 font-size:12px
}
.page-supplier-index .head .profile .point p {
 font-size:12px;
 color:#fff
}
.page-supplier-index .head .profile .company {
 position:absolute;
 left:50%;
 bottom:-15px;
 margin-bottom:0;
 padding:5px 10px;
 white-space:nowrap;
 border:1px solid #fff;
 background-color:#3dc3fc;
 border-radius:100px;
 font-size:12px;
 color:#fff;
 min-width:145px;
 text-align:center;
 -webkit-transform:translateX(-50%);
 transform:translateX(-50%)
}
.page-supplier-index .head .profile .company .icon-right {
 vertical-align:text-top;
 font-size:14px
}
.page-supplier-index .head .profile .company.un-auth {
 background-color:#ff7200
}
.page-supplier-index .import-menu {
 background-color:#fff;
 text-align:center
}
.page-supplier-index .border-bottom {
 border-bottom: 1px solid #c8c7cc;
}
.page-supplier-index .import-menu a {
 display:block;
 padding:4px 0;
 color:#222
}
.page-supplier-index .import-menu .icon {
 position:relative;
 margin-bottom:5px;
 font-size:30px;
 color:#556478
}
.page-supplier-index .import-menu p {
 margin-bottom:0;
 font-size:12px
}
.page-supplier-index .import-menu .badge {
 position:absolute;
 left:20px;
 top:-5px;
 font-style:normal;
 border:1px solid #ff7200;
 color:#ff7200
}
.badge {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    line-height: 7px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 100px;
    text-align: center;
}


.abount .icon {
    position: relative;
    background-color: #ef2424;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: -3px;
    margin-bottom: -3px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.abount .menu01 .icon {
 background-color:#7db2ff;
}
.abount .menu02 .icon {
 background-color:#ff8946
}
.abount .menu03 .icon {
 background-color:#49db8a
}
.abount .menu04 .icon {
 background-color:#ff6fa0
}
.abount .menu05 .icon {
 background-color:#ad89ff
}
.abount .menu06 .icon {
 background-color:#5dcf62
}
.abount .menu07 .icon {
 background-color:#7db2ff
}
.abount .menu08 .icon {
 background-color:#e2d5be
}
.abount .menu09 .icon {
 background-color:#6aa7ff
}
.abount .menu10 .icon {
 background-color:#ff9c15
}



.sp{
  padding: 10px 5px;
  color: #fff;
}
.jhsp{
  background-color: #007aff;
}
.lxsp{
  background-color: #4cd964;
}
.jgsp{
 background-color: #dd524d;
}
.htsp{
 background-color: #f0ad4e;
}
.ddsp{
 background-color: #8a6de9;
}
.zzsp{
 background-color: #B22222;
}
.pjsp{
 background-color: #2abf01;
}
.allsp{
 background-color: #7db2ff;
}
.spxx-view .mui-table-view .spTitle {
 margin-bottom:5px;
 max-height:44px;
 overflow:hidden
}
.spxx-view .mui-table-view .spTitle strong {
 color:#000;
 font-size:16px
}
.spxx-view .mui-table-view .spmx {
 list-style:none
}
.spxx-view .mui-table-view .spmx:after,.spxx-view .mui-table-view .spmx:before {
 display:table;
 content:" "
}
.spxx-view .mui-table-view .spmx:after {
 clear:both
}
.spxx-view .mui-table-view .spmx li {
 float:left;
 margin-right:20px;
 margin-bottom:5px;
 font-size:12px;
 color:#444
}
.mui-popover-name{
   padding-top: 5px;
}
.spMenuMiddlePopover .mui-table-view-cell{
  padding: 8px 15px;
}
.spxxSearchbar .btnCacel{
	background-color: #f7f7f7;
}
.spxxSearchbar input[type="search"]{
  height: 29px;
  padding: 0 15px 0 25px;
}
.spxxSearchbar {
 margin-top: -4px;
}


.spdetail{
   margin-bottom:5px;
   padding:10px 20px;
   background-color:#fff;
}
.spdetail p{
   margin-bottom: 5px;
}
.spdetail span{   
   color: #000;
   margin-left: 10px;
}
.grxx{
  padding-right: 20px;
}

